<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<meta name="description" content="">
		<meta name="author" content="">
		<!--<link rel="icon" href="http://v3.bootcss.com/favicon.ico">-->

		<title>构建操作</title>

		<!-- Bootstrap core CSS -->
		<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
		<!-- metro css -->
		<!--	<link href="css/metro.min.css" rel="stylesheet">-->
		<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
		<link href="css/ie10-viewport-bug-workaround.css" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link href="css/main.css" rel="stylesheet">
		<link href="css/artifact-opr.css" rel="stylesheet">
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-6">
					<form class="navbar-form navbar-left search-form" id="searchForm">
			        <div class="form-group">
			          <input type="text" class="form-control" v-model="searchText" placeholder="组织或者更详细内容" style="width: 350px;">
			          <button type="button"    @click="search"  class="btn btn-default">查询</button>
			        </div>		       
			      </form>
				</div>
				<div class="col-md-6">
					<div class="btn-group" id="artBtnGroup" role="group" aria-label="按钮组">
					  <button type="button" class="btn" @click="add">
					  	<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
						增加
					  </button>
					  <button type="button" class="btn" @click="del">
					  	<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
						删除
					  </button>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-12 com-md-12">
					<table id="artifactTable" class="table table-bordered table-hover">
						<thead>
							<tr class="table-th">
								<th style="text-align: left;">
									<label class="checkbox-inline">									
										<span class="check" onclick="check(this)"></span>
									</label>									
								</th>
								<th>组织机构</th>
								<th>构件名称</th>
								<th>类型</th>
								<th>版本</th>
							</tr>
						</thead>
						<tbody>
							<tr v-for="pkg in pkgs">
								<td style="text-align: left;">
									<label class="checkbox-inline">
										<input type="hidden" :value="pkg.pkgFullName">
										<span class="check" onclick="check(this)"></span>
									</label>	
								</td>
								<td>{{pkg.groupId}}</td>
								<td>{{pkg.artifactId}}</td>
								<td>{{pkg.packaging}}</td>
								<td>{{pkg.versionId}}</td>
							</tr>		
						</tbody>
					</table> 

					 	
				</div>			
			</div>			
		</div>
		<!-- create model -->
		<div class="modal fade" id="createModal"  tabindex="-1" role="dialog" aria-labelledby="createModalLabel">
		  <div class="modal-dialog" role="document" >
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="createModalLabel">构件上传</h4>
		      </div>
		      <div class="modal-body">
		      	<form class="form-horizontal">
				  <div class="form-group">
				    <label for="inputGroupId" class="col-sm-2 control-label">组织机构</label>
				    <div class="col-sm-10">
				      <input type="text" class="form-control" id="inputGroupId" v-model="pkg.groupId" placeholder="组织机构，如com.petrochina">
				    </div>
				  </div>
				  <div class="form-group">
				    <label for="inputArtifactId" class="col-sm-2 control-label">构件名</label>
				    <div class="col-sm-10">
				      <input type="text" class="form-control" id="inputArtifactId" v-model="pkg.artifactId" placeholder="构件名，如a11hqweb">
				    </div>
				  </div>
					<div class="form-group">
						<label for="inputVersionId" class="col-sm-2 control-label">版本</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="inputVersionId" v-model="pkg.versionId" placeholder="版本编号，如1.0.0-SHAPSHOT">
						</div>
					</div>

				<div class="form-group">
					<label class="col-sm-2 control-label">文件</label>
					<div class="col-sm-10">
						<div id="uploadFile">
							<input type="text" :value="myUploadFile.name" id="fileName" disabled="disabled" readonly>
							<input type="button"  class="btn" value="选择文件" />
							<input type="file" name="file" id="file"  multiple="multiple"  @change="onFileChange">
						</div>
					</div>
				</div>
		      	</form>
		      </div>
		      <div class="modal-footer">
		      <button type="button" class="btn" @click="createSave">保存</button>
		        <button type="button" class="btn" data-dismiss="modal">关闭</button>		        
		      </div>
		    </div>
		  </div>
		</div>
		<!-- del modal -->
		<div class="modal fade" id="sysConfirm" tabindex="-1" role="dialog" aria-labelledby="sysConfirmModalLabel">
		  <div class="modal-dialog modal-sm" role="document">
		    <div class="modal-content">
			    	<div class="modal-header">
			    		系统对话
			    	</div>
		    		<div class="modal-body">
		    			删除以下包：{{pkg.pkgFullName}}
		    		</div>
		    		 <div class="modal-footer">
		        <button type="button" class="btn" @click="del">删除</button>
		        <button type="button" class="btn" data-dismiss="modal">关闭</button>  
		    </div>
		    </div>
		   
		  </div>
		</div>
		<!-- Bootstrap core JavaScript
    ================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="lib/jquery/jquery.min.js"></script>
		<!--ajax file upload-->
		<script src="lib/jquery/ajaxfileupload.js"></script>
		<!--<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')-->
		<script src="lib/bootstrap/js/bootstrap.min.js"></script>
		<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
		<script src="js/holder.min.js"></script>
		<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
		<script src="js/ie10-viewport-bug-workaround.js"></script>
		<!--vue js -->
		<script src="lib/vue/vue.min.js"></script>
		<!-- vue-bootstrap.js -->
		<script src="js/vue-bootstrap.js"></script>
		<!-- vue-pagination.js -->
   		 <script src="js/vue-pagination.js"></script>
		<!--validator.js -->
		<script src="lib/validator/validator.js"></script>

		<!--common.js -->
		<script src="js/common.js"></script>
		<!--artifact-opr.js-->
		<script src="js/artifact-opr.js"></script>
	</body>

</html>

